<template>
    <div>
        <!-- <navs></navs> -->
        <shopmain :shoplist="shoplist"></shopmain>
        <footers></footers>
    </div>
</template>

<script>
    import navs from  '../components/navHeard'
    import footers from  '../components/footer'
    import shopmain from '../components/shop/shopmain'
export default { 
    name: 'shopping',
    data() {
        return {
            shoplist:[],
        };
    },
    components:{
        navs,
        shopmain,
        footers
    },
    mounted() {
        
    },
    methods: {
        // 所有商品
        async shopT(){
           let resule =  await this.$http.get('/shoptitle')
                this.shoplist = resule.data.data
                // console.log(this.shoplist);
        },
    },
    created(){
        this.shopT()
    }
};
</script>

<style lang="scss" scoped>

</style>